<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div role="tabpanel" class="tab-pane fade" id="AllVisitors">
    <br/>
    <div class="row">
        <!-- Single button -->
        <div class="col-lg-3">
            <div class="btn-group">
                <button type="button" id="av-db" class="btn btn-default dropdown-toggle btn-success"
                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    全部宿舍楼 <span class="caret"></span>
                </button>
                <ul class="dropdown-menu pre-scrollable" id="av-db-menu">
                    <li id="av-db-num1" onclick='javascript:select("av-db-num1","av-db")'>
                        <a href="javascript:void(0)">全部宿舍楼</a>
                    </li>
                    <li id="av-db-num2" onclick='javascript:select("av-db-num2","av-db")'>
                        <a href="javascript:void(0)">栎苑-1号楼</a>
                    </li>
                    <li id="av-db-num3" onclick='javascript:select("av-db-num3","av-db")'>
                        <a href="javascript:void(0)">栎苑-4号楼</a>
                    </li>
                    <li id="av-db-num4" onclick='javascript:select("av-db-num4","av-db")'>
                        <a href="javascript:void(0)">桔苑-1号楼</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="input-group">
                <input type="text" class="form-control" placeholder="Search for..." id="av-search">
                <span class="input-group-btn">
					<button class="btn btn-default" type="button" id="av-search-button"
                            onclick="javascript:av_load_search()">Go!</button>
				</span>
            </div>
        </div>
    </div>

    </br>
    <div class="panel panel-default">

        <div class="panel-heading">Information details</div>

        <table class="table" id="av-table">
            <tr>
                <th>宿舍楼名</th>
                <th>姓名</th>
                <th>性别</th>
                <th>电话号码</th>
                <th>进入时间</th>
                <th>离开时间</th>
                <th>来访原因</th>
                <th>#</th>
            </tr>
            <tr>
                <td>栎苑-4号楼</td>
                <td>李四</td>
                <td>男</td>
                <td>13688888888</td>
                <td>2021/10/19</td>
                <td>2021/10/20</td>
                <td>探望</td>
                <td>
                    <button type="button" class="btn btn-primary btn-success">修改</button>
                    <button type="button" class="btn btn-primary btn-danger">删除</button>
                </td>
            </tr>
            <tr>
                <td>栎苑-4号楼</td>
                <td>李四</td>
                <td>男</td>
                <td>13688888888</td>
                <td>2021/10/19</td>
                <td>2021/10/20</td>
                <td>探望</td>
                <td>
                    <button type="button" class="btn btn-primary btn-danger">删除</button>
                </td>
            </tr>
            <tr>
                <td>栎苑-4号楼</td>
                <td>李四</td>
                <td>男</td>
                <td>13688888888</td>
                <td>2021/10/19</td>
                <td>2021/10/20</td>
                <td>探望</td>
                <td>
                    <button type="button" class="btn btn-primary btn-danger">删除</button>
                </td>
            </tr>
            <tr>
                <td>栎苑-4号楼</td>
                <td>李四</td>
                <td>男</td>
                <td>13688888888</td>
                <td>2021/10/19</td>
                <td>2021/10/20</td>
                <td>探望</td>
                <td>
                    <button type="button" class="btn btn-primary btn-danger">删除</button>
                </td>
            </tr>
            <tr>
                <td>栎苑-4号楼</td>
                <td>李四</td>
                <td>男</td>
                <td>13688888888</td>
                <td>2021/10/19</td>
                <td>2021/10/20</td>
                <td>探望</td>
                <td>
                    <button type="button" class="btn btn-primary btn-danger">删除</button>
                </td>
            </tr>
            <tr>
                <td>栎苑-4号楼</td>
                <td>李四</td>
                <td>男</td>
                <td>13688888888</td>
                <td>2021/10/19</td>
                <td>2021/10/20</td>
                <td>探望</td>
                <td>
                    <button type="button" class="btn btn-primary btn-danger">删除</button>
                </td>
            </tr>
            <tr>
                <td>栎苑-4号楼</td>
                <td>李四</td>
                <td>男</td>
                <td>13688888888</td>
                <td>2021/10/19</td>
                <td>2021/10/20</td>
                <td>探望</td>
                <td>
                    <button type="button" class="btn btn-primary btn-danger">删除</button>
                </td>
            </tr>
            <tr>
                <td>栎苑-4号楼</td>
                <td>李四</td>
                <td>男</td>
                <td>13688888888</td>
                <td>2021/10/19</td>
                <td>2021/10/20</td>
                <td>探望</td>
                <td>
                    <button type="button" class="btn btn-primary btn-danger">删除</button>
                </td>
            </tr>
            <tr>
                <td>栎苑-4号楼</td>
                <td>李四</td>
                <td>男</td>
                <td>13688888888</td>
                <td>2021/10/19</td>
                <td>2021/10/20</td>
                <td>探望</td>
                <td>
                    <button type="button" class="btn btn-primary btn-danger">删除</button>
                </td>
            </tr>
            <tr>
                <td>栎苑-4号楼</td>
                <td>李四</td>
                <td>男</td>
                <td>13688888888</td>
                <td>2021/10/19</td>
                <td>2021/10/20</td>
                <td>探望</td>
                <td>
                    <button type="button" class="btn btn-primary btn-danger">删除</button>
                </td>
            </tr>
        </table>
    </div>

    <div class="row">
        <div style="float: right">
            <div>
                当前第 <span id="av-current">1</span> 页 总计 <span id="av-pages">0</span> 页 共 <span id="av-total">0</span>
                条数据
            </div>
            <nav aria-label="Page navigation">
                <ul class="pagination" id="av-pagination">
                    <li><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li><a href="#" aria-label="Next"><span aria-hidden="true">&raquo;</span></a></li>
                </ul>
            </nav>
        </div>
    </div>
    <div id="av-other-modal"></div>

</div>
</body>
</html>